<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8"> 
	<title>丹露-Matrix新增配置</title>
	<link rel="stylesheet" href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css">
	<script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
	<script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>
	<link rel="stylesheet" type="text/css" href="matrixcss.css" />
	<link rel="stylesheet" type="text/css" href="indexMatrix.css" />
	<script src="matrixjs.js"></script>
	<script src="indexMatrix.js"></script>
	<script src="layer/layer.js"></script>
</head>
<body>
<div class="container" style="width:100%;height:auto">
	<div class="row" style="background-color:#4F94CD">
		<div class="col-lg-12">
			<h3 class="text-left" style="color:white">
				丹露-Matrix新增配置
			</h3>
		</div>
	</div>
	<div class="row">
		<div class="col-lg-12 column">
			
			<div class="tab" id="tabs-68154" style="margin-top:10px" >
					<ul class="nav nav-tabs">
						<li class="active">
							 <a href="#serverConfig" data-toggle="tab" >Matrix后端配置</a>
						</li>
						<li >
							 <a href="#clientConfig" data-toggle="tab">Matrix前端配置</a>
						</li >
						<li >
							 <a href="#envConfig" data-toggle="tab" id="envli">服务器环境配置</a>
						</li>
						<li style="float:right">
							 <a href="http://matrix.test.idanlu.com" style="text-decoration:none;color:#262626">返回</a>
						</li>
					</ul>
				
				
				<div class="tab-content">
						<div id="serverConfig" class="tab-pane active">
							<div class="sub2" >
								<span class="tip">select branch:</span>
								<select class="branchSel" id="branchName" onchange="verifyVersion()">
									<option>--请选择分支名称--</option>
								</select>&nbsp;
								<span class="tipBug">Bug号：</span>
								<input class="inputBug" id="bugnum" placeholder="请输入Bug号">&nbsp;
								<button class="btn" onclick="appendConfig()" style="background-color:#4F94CD;color:white"><span class="glyphicon glyphicon-plus    ">添加配置项</button>
								<button class="btn" onclick="deleteConfig()" style="background-color:#4F94CD;color:white"><span class="glyphicon glyphicon-minus">删除配置项</button>
								<button class="btn" id ="subBtn" onclick="addAllConfigs()" style="background-color:#4F94CD;color:white"><span class="glyphicon glyphicon-ok"></span>提交</button>
								<button class="btn" onclick="clearAll()" style="background-color:#4F94CD;color:white"><span class="glyphicon glyphicon-remove">取消</button>
							</div>
							<div class="sub3" id="div2">
								<table class="tab" id="0" >
									<tr>
										<th>AppName</th>
										<th >Operation</th>
										<th>Properties</th>
									</tr>
									<tr>
										<td><select id="appName0" onchange="getConfigName(0)"><option>--请选择微服务--</option></select></td>
										<td ><select id = "sel" onmouseover="func()" onmouseout="func1()"><option>ADD</option><option>UPDATE_KEYS</option><option>UPDATE_VALUES</option></select></td>
										<td><select id="appConfigName0" onchange="getConfigValue(0)"><option>--请选择配置文件名称--</option></select></td>
									</tr>
									<tr>
										<td colspan="3" style="border:1px solid #BDBDBD"><a id="configValueDispaly0" onclick="unfold(0)" style="display:none;float:right">点击展开</a><span id="configValue0" style="white-space:pre-wrap"></span></td>
									</tr>
									<tr>
										<th>Key</th>
										<th>Value</th>
										<th></th>
									</tr>
									<tr>
										<td colspan="2"><textarea placeholder="请输入备注信息" style="height:35px;width:100%;resize:vertical;" id="comment"></textarea></td>
										<td></td>
									</tr>
									<tr>
										<td><input type="text" placeholder="请输入配置项名称"></td>
										<td><input type="text" placeholder="请输入配置项的值" id="valueInput" onmouseover="func2()" onmouseout="func3()"></td>
										<td><button onclick="addConfigValue(0)" style="background-color:#4F94CD;color:white"><span class="glyphicon glyphicon-plus">添加配置内容</button></td>
									</tr>
								</table>
							</div>
						</div>
					<div class="tab-pane" id="clientConfig">
						<div class="sub2" >
								<span class="tip">select branch:</span>
								<select class="branchSel" id="branchName3">
									<option>--请选择分支名称--</option>
								</select>&nbsp;
								<span class="tipBug">Bug号：</span>
								<input class="inputBug" id="bugnum3" placeholder="请输入Bug号">&nbsp;
								<button class="btn" id ="subBtnClient" onclick="addAllClientConfigs()" style="background-color:#4F94CD;color:white"><span class="glyphicon glyphicon-ok"></span>提交</button>
								<button class="btn" onclick="clearAllEnv()" style="background-color:#4F94CD;color:white"><span class="glyphicon glyphicon-remove">取消</button>
						</div>
						<div class="sub3">
							<textarea class="form-control" placeholder="请输入前端相关的配置信息" style="width:48%;height:500px;font-size:1.5rem;font-family:Tahoma;"id="clientConfigInfo"></textarea>
						</div>
					</div>
					<div class="tab-pane" id="envConfig">
						<div class="sub2" >
								<span class="tip">select branch:</span>
								<select class="branchSel" id="branchName2">
									<option>--请选择分支名称--</option>
								</select>&nbsp;
								<span class="tipBug">Bug号：</span>
								<input class="inputBug" id="bugnum2" placeholder="请输入Bug号">&nbsp;
								<button class="btn" id ="subBtnEnv" onclick="addAllEnvConfigs()" style="background-color:#4F94CD;color:white"><span class="glyphicon glyphicon-ok"></span>提交</button>
								<button class="btn" onclick="clearAllEnv()" style="background-color:#4F94CD;color:white"><span class="glyphicon glyphicon-remove">取消</button>
						</div>
						<div class="sub3">
							<textarea class="form-control" placeholder="请输入服务器环境相关的配置信息" style="width:48%;height:500px;font-size:1.5rem;font-family:Tahoma;"id="envConfigInfo"></textarea>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
	  


</body>